{% extends 'views/base.html' %}
{% block body %}
{% include 'views/components/header.html' %}

<section>
  <div class="home-container">
    <h1 class="title">每日学习一点点</h1>
    <h2 class="subtitle">JS全栈学习</h2>
  </div>
</section>
<div class="article-container">
  <div class="list-group">
    {% for item in articles %}
    <a href="/detail/{{item._id}}" class="list-group-item list-group-item-action" aria-current="true">
      <div class="d-flex w-100 justify-content-between">
        <h5 class="mb-1">{{item.title}}</h5>
        <small>{{item.meta.updateAt}}</small>
      </div>
      <p class="mb-1 ellipsis">{{item.content}}</p>
      <small>蜗牛</small>
    </a>
    {% endfor %}
    {% include "views/components/pagination.html" %}
  </div>
</div>
{% endblock %}